<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>班级管理</title>
    <link rel="stylesheet" href="css/Class.css">
</head>
<body>
<!--1.头部-->
<div id="header">
    <!-- 中间（中控区域：两侧留白）-->
    <div id="nav_main">
        <!-- 中控区域：左侧-->
        <div id="nav_main_left">
            <ul class="left_ul">
                <li><a href="#">任务中心&nbsp&nbsp|</a></li>
                <li><a href="#">教学包&nbsp&nbsp|</a></li>
                <li><a href="#">库管理&nbsp&nbsp|</a></li>
                <li><a href="#">我的题库&nbsp&nbsp|</a></li>
                <li><a href="#">手机投屏&nbsp&nbsp|</a></li>
            </ul>
        </div>
        <!-- 中控区域：右侧-->
        <div id="nav_main_right">
            <ul class="right_ul">
                <li><a href="#">退出</a></li>
                <li><a href="#">帮助</a></li>
            </ul>
        </div>
        </div>
    </div>
<!--面包屑导航-->
<div id="nav">
    <!--中控区域-->
    <div id="wrapper">
        <!--中控区域：左侧-->
        <div id="wrapper_left">
            <!--图片-->

            <!--面包屑导航内容-->
            <ul class="wrapper_nav">
                <li><a href="#">资源()&nbsp&nbsp&nbsp&nbsp</a></li>
                <li><a href="#">成员()&nbsp&nbsp&nbsp&nbsp</a></li>
                <li><a href="#">活动()&nbsp&nbsp&nbsp&nbsp</a></li>
                <li><a href="#">消息()&nbsp&nbsp&nbsp&nbsp</a></li>
                <li><a href="#">详情()&nbsp&nbsp&nbsp&nbsp</a></li>
            </ul>
        </div>

        <div id="head">课堂头像</div>
    </div>
</div>
</body>
</html>